<script type="text/javascript">
	$(document).ready(function(){
		$("#page-add-form").validate({
			rules : {
				title : {
					required : true,
					maxlength: 45
				},
				desc : {
					required : true,
					maxlength: 255
				},
				count : {
					required : true,
					digits : true,		
					min : 1,
					max : 99,
				},
			},
			messages : {
				title : {
					required : "Hãy nhập tiêu đề",
					maxlength : "Độ dài trong khoảng 45 ký tự",
				},
				desc : {
					required : "Hãy nhập giới thiệu",
					maxlength : "Độ dài trong khoảng 255 ký tự",
				},
				count : {
					required : "Hãy nhập số thứ tự hiển thị",
					digits : "Chỉ được là số.",		
					min : "Nhỏ nhất là 1",
					max : "Lớn nhất là 99",
				},
			},
			submitHandler: function(form) {
				var path = "ajax/catalog/add.php";
				var method = "POST";
				var data = $("#page-add-form").serialize();
				dashboard.admin.action.add("page-add-form", path, method, data, null);
			} 
		});
	});	
</script>
<div id="alert"></div>
<form class="form-horizontal" id="page-add-form" method="POST">	
	<fieldset>	
		<div class="control-group">
			<label class="control-label">Tiêu đề</label>
			<div class="controls">
				<input type="text" id="title" class="input-xlarge" value="" name="title" />
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">Mô tả</label>
			<div class="controls">
				<input type="text" id="desc" class="input-xlarge" value="" name="desc" />
				<span class="help-inline">Giới thiệu ngắn gọn về menu này</span>
			</div>
		</div>	
		<div class="control-group warning">
			<label class="control-label">Thứ tự</label>
			<div class="controls">
				<input type="text" id="count" class="input-xlarge" value="" name="count" />
				<span class="help-inline">Số thứ tự trong khoảng 1 - 99</span>
			</div>
		</div>	
		<div class="form-actions">
			<button class="btn btn-primary" name="submit" value="submit" type="submit">Save changes</button>
			<a href="javascript:void(0)" onclick="javascript:history.go(-1);" class="btn">Cancel</a>
		</div>
	</fieldset>
</form>